html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin: 0px; padding: 0px;}
html,body,img{border:0; overflow: hidden;}
a,img{margin: 0px; padding: 0px;}
body{font-size: 13px;}
img{border: 0px solid #ffffff; vertical-align: middle;}

.h30{height: 30px;}
.h60{height: 60px;}

.bb{font-weight: bold;}
.show{display: block;}
.hide{display: none;}

div.apptop{height: 48px; background-color: #f5faff;}
div.logo{
    float: left;
    width: 280px;
    height: 48px;
    line-height: 48px;
    background: transparent url(../images/logo.gif) no-repeat scroll 0px 0px;
}

div.logo span.name{padding-left: 20px; font-family: 黑体;}
div.tools-menu{float: right; height: 22px;}
div.tools-menu ul{margin: 4px 0px 0px 30px; list-style: none;}
div.tools-menu ul li{
    float: left;
    height: 20px;
    padding: 0px 6px 0px 20px;
    color: #144097; 
    cursor: pointer;
}
div.tools-menu ul li.icon-01{background: transparent url(../images/apptools.gif) no-repeat scroll 0px -26px;}
div.tools-menu ul li.icon-07{background: transparent url(../images/apptools.gif) no-repeat scroll 0px -46px;}
div.tools-menu ul li.icon-08{background: transparent url(../images/apptools.gif) no-repeat scroll 0px -66px;}
div.tools-menu ul li.icon-09{background: transparent url(../images/apptools.gif) no-repeat scroll 0px -86px;}
div.channel-menu{float: right;}
div.channel-menu ul{margin-right: 4px; list-style: none;}
div.channel-menu ul li{float: left; text-align: center; vertical-align: middle; white-space: nowrap; color: #144097; cursor: default;}
div.channel-menu ul li.clicked{color: #ff4400;}

div.channel-menu ul li span {
    margin-left: 4px;
    padding-left: 4px;
    border-left: 1px solid #d8d8d8;
    cursor: pointer;
}
div.channel-menu ul li span.channel-app-button {
    margin-left: 3px;
    padding-left: 6px;
    background: transparent url(../images/app-menu-icon.gif) no-repeat scroll -4px -2px;
    cursor: pointer;
}
div.module-group {height: 32px; background-color: #ff6a00;}
div.module-group-menu {height: 32px;}
div.module-group-menu-bar {height: 32px;}
div.module-group-menu-bar ul {margin-left: 0px; list-style: none;}
div.module-group-menu-bar ul li {
    float: left;
    width: 100px;
    height: 32px;
    margin-left: 0px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}

/* #071e81 normal: #ff6a00; hover: #a24503; clicked: #c25202 color: #ffff00; */
div.module-group-menu-bar ul li.hover {background-color: #a24503; color: #ffff00;}
div.module-group-menu-bar ul li.clicked {background-color: #c25202; color: #ffff00;}
div.module-group-menu-bar ul li.left-enable {width: 24px;}
div.module-group-menu-bar ul li.left-disable {width: 24px;}
div.module-group-menu-bar ul li.right-enable {width: 23px;}
div.module-group-menu-bar ul li.right-disable {width: 23px;}
div.module-group-menu-bar ul li.hover div.contextmenu {display: block;}

div.module {height: 30px; border-bottom: 0px solid #efefef; background-color: #f1f1f1;}
div.module-menu {height: 30px; border-top: 0px solid #f1f1f1; border-bottom: 0px solid #f1f1f1;}
div.module-menu-bar {height: 30px;}
div.module-menu-bar ul {height: 30px; margin-left: 24px;}
div.module-menu-bar ul li {
    float: left;
    height: 30px;
    padding: 0px 10px 0px 10px;
    line-height: 30px;
    text-align: center;
    color: #888888;
    cursor: pointer;
}
div.module-menu-bar ul li.out {}
div.module-menu-bar ul li.hover {color: #eb393c;}
div.module-menu-bar ul li.clicked {background-color: #fefefe; color: #ff6a00;}

div.left-panel {float: left; width: 240px; display: none;}
iframe.left-frame {margin: 0px 0px -3px 0px; width: 100%; height: 480px; border: 0px solid #5183dc; background-color: #ffffff; z-index: 100; overflow: hidden;}
div.ctrl-panel {margin-left: 0px; width: 10px; background-color: #dfe8f6; display: none;}
div.main-panel {margin-left: 10px;}
iframe.main-frame {margin: 0px 0px -3px 0px; width: 100%; height: 480px; border: 0px solid #5183dc; background-color: #ffffff; z-index: 100; overflow: hidden;}
iframe.lock-frame {margin: 0px 0px -3px 0px; margin-left: 0px; width: 100%; height: 800px; border: 0px solid #5183dc; background-color: #ffffff; z-index: 100; overflow: hidden;}
div.status-bar {height: 22px; line-height: 24px; background-color: #efefef; border-top: 1px solid #c0c0c0; border-bottom: 0px solid #c0c0c0;}

/* #9cb8e1 */
div.contextmenu {top: 100px; left: 100px; display: none; position: absolute;}

div.contextmenu ul.menu {
    margin: 0px;
    padding: 0px;
    width: 244px;
    border: 1px solid #bababa;
    background: url(../images/menu-item.gif) repeat-y scroll 0px 0px transparent;
    list-style: none;
    overflow: hidden;
}

div.contextmenu ul.menu li.item {
    margin: 2px;
    width: 240px;
    height: 26px;
    line-height: 26px;
    border: 0px solid #aecff7;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 1px;
    color: #333333;
}

div.contextmenu ul.menu li.separator {
    margin: 1px 0px 1px 2px;
    padding: 0px;
    width: 240px;
    height: 0px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #ffffff;
}

div.contextmenu ul.menu li.item:hover {background: url(../images/item-over.gif) repeat-y scroll 0px 0px transparent;}
div.contextmenu ul.menu li.item span.icon {
    float: left;
    padding-left: 8px;
    width: 32px;
    height: 26px;
    line-height: 26px;
    text-align: left;
    display: inline-block;
}
div.contextmenu ul.menu li.item span.icon img {border: none; vertical-align: middle;}
div.contextmenu ul.menu li.item a.command {
    padding: 0px;
    height: 26px;
    line-height: 26px;
    cursor: default;
}

div.contextmenu ul.menu li.item a.command:link {text-decoration: none;}
div.contextmenu ul.menu li.item a.command:visited {text-decoration: none;}
div.contextmenu ul.menu li.item a.command:hover {text-decoration: none;}
div.contextmenu ul.menu li.item a.disabled {text-decoration: none;}
div.contextmenu ul.menu li.item a.disabled:hover {text-decoration: none;}

div.loading {clear: both; padding-left: 20px;}
div.loading img {border: none; vertical-align: middle;}

div.welcome {
    width: 600px; margin: 10px auto 0px auto; font-size: 14px; color: #666666;
}

div.welcome h1 {margin-bottom: 10px; line-height: 60px; border-bottom: 2px solid #ff6a00; font-family: 黑体; color: #ff4400;}
div.welcome h3 {line-height: 30px; color: #ff4400;}
div.welcome p {line-height: 2.0em;}
a.button {height: 40px; padding: 0px 10px 0px 10px; line-height: 40px; background-color: #ff4400; font-family: 黑体; font-size: 18px; text-decoration: none; text-align: center; color: #ffffff; display: inline-block;}

div.widget-task-bar{
    float: left;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}
div.widget-task-bar ul{list-style: none;}
div.widget-task-bar li{
    float: left;
    margin: 2px;
    padding: 0px 4px 0px 4px;
    display: inline-block;
    width: 120px;
    height: 18px;
    border: 1px solid #666666;
    border-radius: 3px;
    background-color: #000000;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    cursor: default;
}
